    @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?nvphos');
        src: url('../fonts/icomoon.eot?nvphos#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?nvphos') format('truetype'), url('../fonts/icomoon.woff?nvphos') format('woff'), url('fonts/icomoon.svg?nvphos#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    
    .w {
        width: 1200px;
        margin: 0 auto;
    }
    
    .shotcut {
        font-size: 14px;
        color: #7f7f7f;
        height: 35px;
        line-height: 35px;
        background-color: #f2f2f2;
    }
    
    .top_l {
        float: left;
    }
    
    .shotcut span {
        color: #000;
    }
    
    .shotcut a {
        color: #7f7f7f;
    }
    
    .top_r {
        float: right;
    }
    
    i {
        padding: 0 5px;
    }
    
    .header {
        height: 105px;
        /* background-color: pink; */
    }
    
    .logo {
        float: left;
        line-height: 105px;
    }
    
    .phone_logo {
        float: left;
    }
    
    .p_logo {
        float: left;
        margin-left: 50px;
    }
    
    .p_logo::before {
        line-height: 105px;
        content: '\e950';
        font-family: 'icomoon';
        /* \e950 */
    }
    
    .phone {
        float: left;
        padding-top: 30px;
        padding-left: 20px;
    }
    
    .p_top {
        color: #000;
        font-size: 12px;
    }
    
    .p_bot {
        font-size: 20px;
        color: #db3c79;
    }
    
    .search {
        float: left;
        position: relative;
        line-height: 105px;
        margin-left: 260px;
    }
    
    .search input {
        height: 44px;
        width: 380px;
        border-radius: 22px;
        border-color: #4293ee;
        padding-left: 20px;
        font-size: 16px;
        color: #7f7f7f;
    }
    
    .search input::-webkit-input-placeholder {
        color: #ccc;
    }
    
    .ser_icon {
        top: 15;
        right: 15px;
        position: absolute;
    }
    
    .ser_icon::after {
        font-family: 'icomoon';
        content: '\e986';
        color: #ccc;
        font-size: 25px;
    }
    
    .header_right {
        float: right;
        line-height: 105px;
        width: 162px;
        height: 105px;
    }
    
    .hed_right {
        position: relative;
        height: 100%;
        width: 100%;
    }
    
    .hed_right a {
        float: left;
        /* display: inline-block; */
        width: 36px;
        height: 36px;
        margin-top: 33px;
        margin-right: 15px;
        background-color: #f7f7f7;
        border-radius: 50%;
    }
    
    .a:hover {
        background-color: #2b93f3;
    }
    
    .b:hover::after {
        color: #fff;
    }
    
    .xin_icon::after {
        position: absolute;
        top: 0px;
        right: 136px;
        font-family: 'icomoon';
        content: '\e900';
    }
    
    .shop_icon::after {
        position: absolute;
        top: 0px;
        right: 85px;
        font-family: 'icomoon';
        content: '\e902';
    }
    
    .user_icon::after {
        position: absolute;
        top: 0px;
        right: 35px;
        font-family: 'icomoon';
        content: '\e901';
    }
    /* header_nav导航切换 */
    
    .header_nav {
        width: 100%;
        height: 56px;
        background-color: #4293ee;
    }
    
    .left_nav {
        float: left;
    }
    
    .top_nav {
        width: 268px;
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        padding: 0 22px;
        color: #fff;
        background-color: #000;
    }
    
    .left_nav_1::before {
        content: '\e908';
        font-family: 'icomoon';
        margin-top: 10px;
        font-size: 18px;
        margin-right: 15px;
    }
    
    .left_nav_2::after {
        font-family: 'icomoon';
        content: '\e905';
        float: right;
        font-size: 25px;
        color: #ccc;
    }
    
    .meau ul li {
        float: left;
        width: 100px;
    }
    
    .meau ul li a {
        display: block;
        width: 100px;
        height: 56px;
        font-size: 18px;
        color: #fff;
        line-height: 56px;
        text-align: center;
    }
    
    .meau ul li a:hover {
        color: #000;
    }
    
    .right_nav {
        float: right;
        height: 56px;
        line-height: 56px;
    }
    
    .right_nav a,
    i {
        color: #fff;
    }
    /* footer */